<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
    一：父子组件之间
      1. props
      2. $emit
      3. 模板引用Ref

    二、复杂组件之间
      1. 状态提升
          兄弟组件之间，使用状态提升，将数据定义在共同的父组件上
      2. 中央事件总线
          借助实现了发布订阅模式的库即可。
          Vue2 可以直接 new 一个 空的Vue实例对象来实现
          Vue3 可以借助第三方的 npm 包。 mitt 与 tiny-emitter。
      3. 依赖注入 provider/eject
      4. 状态管理器
          1. Vuex
          2. Pinia

    三、还有一些额外的操作方式
      1. $root / $parent

   -->
  </body>
</html>
